<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
	<head th:include="/fore/common/header :: commonHead"></head>
	<!--引入自己的CSS-->
	<link th:href="@{/static/fore/css/index.css}" rel="stylesheet">

	<body>
		<div id="content">
			<!--引入头部-->
			<script language="javascript" type="text/javascript" th:src="@{/static/fore/js/header.js}"></script>
			<!--文章大题图-->
			<div id="articlePicture">
				<img th:src="@{/static/fore/img/backgroundImage.jpg}">
			</div>

			<!--文章信息-->
			<div id="articleInfo">
				<!--文章标题-->
				<div>
					<h1 id="articleTitle"></h1>
				</div>

				<!--文章简介-->
				<div>
					<h4 id="articleSummary"></h4>
				</div>

				<!--查看文章按钮-->
				<button id="showArticle" type="button" class="btn" articleId="">查看<span class="glyphicon glyphicon-chevron-right"></span></button>
			</div>

			<!--右下角的题图-->
			<div class="smallArticlePictures">
				<div class="smallPictures">
					<img src="" picturelUrl="" location="0" articleId="" title="" summary="" />
				</div>
				<div class="smallPictures">
					<img src="" picturelUrl="" location="1" articleId="" title="" summary="" />
				</div>
				<div class="smallPictures">
					<img src="" picturelUrl="" location="2" articleId="" title="" summary="" />
				</div>
				<div class="smallPictures">
					<img src="" picturelUrl="" location="3" articleId="" title="" summary="" />
				</div>
				<div class="smallPictures">
					<img src="" picturelUrl="" location="4" articleId="" title="" summary="" />
				</div>
			</div>

		</div>

		<!--底部-->
		<div id="footer">
			<!--左下角的icon-->
			<div>
				<a href="https://www.jianshu.com/u/a40d61a49221" style="margin-left: 20px;" title="简书ID：我没有三颗心脏"><img class="icon" th:src="@{/static/fore/img/jianshu-icon.png}" /></a>
				<img title="知乎ID：我没有三颗心脏" class="icon" th:src="@{/static/fore/img/zhihu-icon.png}" />
				<img title="wmyskxz_javaweb" class="icon" th:src="@{/static/fore/img/wechat-icon.png}" />
			</div>
			<!--左上角的声明-->
			<div id="info">
				<span>CopyRight@wmyskxz,DesignBy@_Nic,2018-20xx</span>
			</div>
		</div>
	</body>
	<!--引入index页面的JS-->
	<script language="javascript" type="text/javascript" th:src="@{/static/fore/js/index.js}"></script>
	<html th:include="/fore/common/footer :: commonFoot"></html>
</html>